<div id="content_header">
  <h3>{{ currentTerm.NickName }} Editing</h3>
</div>

<div class="row">
  <div class="col-md-6 col-lg-6">
    <form name="studentForm" role="form" ng-submit="updateTerm()">

      <div class="form-group">
        <label for="">
          Term / Year
        </label>
        <span class="error" ng-show="termForm.term.$error.required">Required!</span>
        <div class="row">
          <div class="col-xs-3">
            <input type="number" name="term" class="form-control" id="" placeholder="Input field" ng-model="currentTerm.TermNumber" required>
          </div>
          <div class="col-xs-1">
            <span style="font-size:x-large;">/</span>
          </div>
          <div class="col-xs-3">
            <input type="number" name="year" class="form-control" id="" placeholder="Input field" ng-model="currentTerm.Year" required>
          </div>
        </div>
      </div>

      <div class="form-group">
        <label for="">Start Date</label>
        <div class="input-group" ng-click="openDatepicker($event, 0)">
          <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="currentTerm.StartDate" is-open="datePicker.isOpen[0]" datepicker-options="dateOptions" ng-required="true" close-text="Close" ng-disabled="true" />
          <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
        </div>
      </div>

      <div class="form-group">
        <label for="">End Date</label>
        <div class="input-group" ng-click="openDatepicker($event, 1)">
          <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="currentTerm.EndDate" is-open="datePicker.isOpen[1]" min-date="currentTerm.StartDate" datepicker-options="dateOptions" ng-required="true" close-text="Close" ng-disabled="true" />
          <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
        </div>
      </div>

      <button type="submit" class="btn btn-primary" >Submit</button>
    </form>
  </div>
</div>